.variable-card {

  :global {
    .variable-card-item {
      background-color: rgba(136,156,186,0.13);
      // border: 1px solid #f0f0f0;
      border-radius: 4px;
      padding: 12px 6px;
      margin-bottom: 12px;
      .variable-card-header {
        padding: 0 12px;
        .variable-card-delete-icon {
          text-align: right;
          color: var(--xdrsec-primary-color);
        }
      }
      .ant-checkbox-disabled + span {
        color: var(--xdrsec-primary-color);
      }
      .form-item-with-extra {
        .ant-form-item-control {
          flex-direction: row;
          align-items: baseline;
        }
      }

    }
    .ant-btn-dashed {
      background-color: transparent !important;
      border: 1px dashed rgba(193,201,226,0.5) !important;
    }
  }
}